li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #333333;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.webkit {
    display: -webkit-flex;
    display: -moz-flex;
}
.line-height(@arg) {
    .px2rem(line-height, @arg);
}
.font-size(@arg) {
    .px2rem(font-size, @arg);
}
.font(@fz, @color) {
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px, @xian, @color) {
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px, @xian, @color) {
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px, @xian, @color) {
    .px2rem(border-width,@px);
    border-style: @xian;
    border-color: @color;
}
.padding-top(@top) {
    .px2rem(padding-top, @top);
}
.padding-right(@right) {
    .px2rem(padding-right, @right);
}
.padding-bottom(@bottom) {
    .px2rem(padding-bottom, @bottom);
}
.padding-left(@left) {
    .px2rem(padding-left, @left);
}
.padding(@top, @right, @bottom, @left) {
    .px2rem(padding-top,@top);
    .px2rem(padding-right,@right);
    .px2rem(padding-bottom,@bottom);
    .px2rem(padding-left,@left);
}
.margin-top(@top) {
    .px2rem(margin-top, @top);
}
.margin-right(@right) {
    .px2rem(margin-right, @right);
}
.margin-bottom(@bottom) {
    .px2rem(margin-bottom, @bottom);
}
.margin-left(@left) {
    .px2rem(margin-left, @left);
}
.margin(@top, @right, @bottom, @left) {
    .px2rem(margin-top,@top);
    .px2rem(margin-right,@right);
    .px2rem(margin-bottom,@bottom);
    .px2rem(margin-left,@left);
}
body,
html {
    font-family: "微软雅黑";
}

main{
    header{
        .px2rem(height,105);
        background: #E05C1E;
        
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
       
        
        ul{
                width:100%;
                .px2rem(height,105);
                display: flex;
                align-items: center;
                .return{
                    flex: 1;
                    display: flex;
                    align-items: center;
                    img{
                      .px2rem(height,50);
                      .px2rem(width,45);
                      .padding-left(50);
                    }
                }
                
                
               .list{
                align-items: center;
                justify-content: center;
                .font-size(36);
                color: white;
                }
                .null{
                    flex: 1;
                }
            
    }
    }
    
    .banner{
        .padding-top(105);
        img{
            width: 100%;
        }
    }
    
    .tab_list{
         width: 100%;
        ul{
         background: #f7f7f7;
        width: 100%;
        .webkit();
        .padding-left(55);
        .px2rem(height,90);
             li{
                 .line-height(90);
                 .font-size(27);
                 text-align: center;
                 width: 15%;
             }
               .active{
              border-bottom: 5px solid #ff4a01; 
              color: #ff4a01; 
            }
        }
       
        
    }
    
    .article{
        
        ul{
            .webkit();
            .padding-left(30);
            .padding-top(30);
           li{
               .name{
                 .font-size(32);  
               }
               img{
                   .px2rem(height,90);
                   .px2rem(width,90);
                   .padding-right(30);
                   vertical-align: middle;
               }
               .demo_v{
                   .font-size(28);
               }
               
             
           }
        }
        
        .feedback{
            width: 80%;
            padding-left: 10%;
            .line-height(40);
            .font-size(24);
        }
        
    }

}
